{include file="index/header" /}
<div class="container xs-top-15" style="max-width:960px">
    <div class="columns">
        <!--区域1-->
        <div class="column">
            <!--模块1-->
            <div class="card">
                <div class="xs-card-content">
                    <aside class="menu">
                        <p class="menu-label">
                            会员中心
                        </p>
                        <ul class="menu-list">
                            <li><a href="{:url('index/user/main')}">会员首页</a></li>
                        </ul>
                        <p class="menu-label">
                            个人信息
                        </p>
                        <ul class="menu-list">
                            <li><a class="is-active" href="{:url('index/user/pay')}">充值题币</a></li>
                            <li><a href="{:url('index/user/open_vip')}">开通会员</a></li>
                            <li><a href="{:url('index/user/password')}">修改密码</a></li>
                        </ul>
                        <!-- <p class="menu-label">
                            试题管理
                        </p>
                        <ul class="menu-list">
                            <li><a>我的提问</a></li>
                            <li><a>我的回答</a></li>
                        </ul> -->
                    </aside>
                </div>
            </div>
            <hr class="xs-hr">

        </div>
        <!--区域2-->
        <div class="column is-four-fifths">
            <div class="card">
                <header class="card-header">
                    <p class="card-header-title">
                        充值题币
                    </p>
                </header>
                <article class="message is-info">
                    <div class="message-body">
                        充值：1元={$ratio}积分  充值为 <strong>自动到账</strong>,如果未到账 请联系客服处理 <br>
                        当前题币：{$user.balance} 题币
                    </div>
                </article>
                <form method="post" action="{:url('index/user/pay')}">
                    <div class="xs-card-content">
                        <div class="content has-text-centered">
                            <div class="field is-horizontal">
                                <div class="field-label is-normal">
                                    <label class="label">充值金额：</label>
                                </div>
                                <div class="field-body">
                                    <div class="field is-narrow">
                                        <div class="control">
                                            <div class="select is-fullwidth">
                                                <select name="money" style="color: red;">
                                                    <option value="1">1 元</option>
                                                    <option value="5">5  元</option>
                                                    <option value="10">10 元</option>
                                                    <option value="30">30 元</option>
                                                    <option value="90">90 元</option>
                                                    <option value="360">360 元</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="field is-horizontal">
                                <div class="field-label">
                                    <label class="label">充值方式：</label>
                                </div>
                                <div class="field-body">
                                    <div class="field is-narrow">
                                        <div class="control">
                                            {if ( $cost.pay_type == 1) OR ( $cost.pay_type == 3) }
                                            <label class="radio">
                                                <input type="radio" name="pay_type" value="1" checked>
                                                微信
                                            </label>
                                            {/if}
                                            {if ( $cost.pay_type == 2) OR ( $cost.pay_type == 3) }
                                            <label class="radio">
                                                <input type="radio" name="pay_type" value="2" checked>
                                                支付宝
                                            </label>
                                            {/if}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="field is-horizontal">
                                <div class="field-label">
                                    <!-- Left empty for spacing -->
                                </div>
                                <div class="field-body">
                                    <div class="field">
                                        <div class="control">
                                            <button class="button is-link" type="submit">
                                                确认充值
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>
{include file="index/footer" /}